<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimal-ui, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>礼赠新模式</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/style.css">
	<!-- <script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script> -->
	<!-- <script src="js/index.js"></script> -->
</head>
<body>
	<div class="wrap">
		<div class="wrap-row">
			<div class="banner" id="banner">
				<img src="images/gift/img01.png" alt="banner">
			</div>
		</div>
		<div class="wrap-row">
			<div class="title-wrap">
				<h3>礼赠新模式</h3>
				<p>让您的心意更有新意</p>
			</div>
			<div class="point-wrap">
				<div class="point">
					<img src="images/gift/img02.png" alt="第一点">
				</div>
				<div class="point">
					<img src="images/gift/img03.png" alt="第二点">
				</div>
				<div class="point">
					<img src="images/gift/img04.png" alt="第三点">
				</div>
				<div class="point">
					<img src="images/gift/img05.png" alt="第四点">
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		var deviceW = window.screen.width;
		var bannerH = deviceW * 369 / 750;
		document.getElementById("banner").style.height = bannerH + "px";
	</script>
</body>
</html>